﻿
@{
    ViewBag.Title = "项目列表";
}

@section Style{
    @Styles.Render("~/Content/Flat/Css/base")
}

@section Script{
    @Scripts.Render("~/Content/Flat/Js/project_list")
}
<!--main content start-->
<section id="main-content">
    <section class="wrapper site-min-height">
        <!-- page start-->
        <section class="panel">
            <header class="panel-heading">
                所有项目列表
                <span class="pull-right">
                    <button type="button" id="loading-btn" class="btn btn-warning btn-xs"><i class="fa fa-refresh"></i> 刷新</button>
                    <a href="#" class=" btn btn-success btn-xs"> 创建新项目</a>
                </span>
            </header>
            <div class="panel-body">
                <div class="row">

                    <div class="col-md-12">
                        <div class="input-group">
                            <input type="text" placeholder="Search Here" class="input-sm form-control"> <span class="input-group-btn">
                                <button type="button" class="btn btn-sm btn-success"> Go!</button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <table class="table table-hover p-table">
                <thead>
                    <tr>
                        <th>项目名称</th>
                        <th>项目成员</th>
                        <th>进度</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="p-name">
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})">New Dashboard BS3</a>
                            <br>
                            <small>Created 27.11.2014</small>
                        </td>
                        <td class="p-team">
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar2.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-1.png"></a>
                        </td>
                        <td class="p-progress">
                            <div class="progress progress-xs">
                                <div style="width: 87%;" class="progress-bar progress-bar-success"></div>
                            </div>
                            <small>87% Complete </small>
                        </td>
                        <td>
                            <span class="label label-primary">Active</span>
                        </td>
                        <td>
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> 查看 </a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 编辑 </a>
                            <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="p-name">
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})">Creative Portfolio</a>
                            <br>
                            <small>Created 21.10.2014</small>
                        </td>
                        <td class="p-team">
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar2.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-1.png"></a>
                        </td>
                        <td class="p-progress">
                            <div class="progress progress-xs">
                                <div style="width: 65%;" class="progress-bar progress-bar-success"></div>
                            </div>
                            <small>65% Complete </small>
                        </td>
                        <td>
                            <span class="label label-primary">Active</span>
                        </td>
                        <td>
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> 查看 </a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 编辑 </a>
                            <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="p-name">
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})">Directory & listing</a>
                            <br>
                            <small>Created 2.09.2014</small>
                        </td>
                        <td class="p-team">
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar2.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-1.png"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-2.png"></a>
                        </td>
                        <td class="p-progress">
                            <div class="progress progress-xs">
                                <div style="width: 55%;" class="progress-bar progress-bar-success"></div>
                            </div>
                            <small>55% Complete </small>
                        </td>
                        <td>
                            <span class="label label-primary">Active</span>
                        </td>
                        <td>
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> 查看 </a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 编辑 </a>
                            <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="p-name">
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})">New Dashboard BS3</a>
                            <br>
                            <small>Created 27.11.2014</small>
                        </td>
                        <td class="p-team">
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar2.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-1.png"></a>
                        </td>
                        <td class="p-progress">
                            <div class="progress progress-xs">
                                <div style="width: 87%;" class="progress-bar progress-bar-success"></div>
                            </div>
                            <small>87% Complete </small>
                        </td>
                        <td>
                            <span class="label label-primary">Active</span>
                        </td>
                        <td>
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> 查看 </a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 编辑 </a>
                            <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="p-name">
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})">Creative Portfolio</a>
                            <br>
                            <small>Created 21.10.2014</small>
                        </td>
                        <td class="p-team">
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar2.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-1.png"></a>
                        </td>
                        <td class="p-progress">
                            <div class="progress progress-xs">
                                <div style="width: 65%;" class="progress-bar progress-bar-success"></div>
                            </div>
                            <small>65% Complete </small>
                        </td>
                        <td>
                            <span class="label label-primary">Active</span>
                        </td>
                        <td>
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> 查看 </a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 编辑 </a>
                            <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="p-name">
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})">Directory & listing</a>
                            <br>
                            <small>Created 2.09.2014</small>
                        </td>
                        <td class="p-team">
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar2.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-1.png"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-2.png"></a>
                        </td>
                        <td class="p-progress">
                            <div class="progress progress-xs">
                                <div style="width: 55%;" class="progress-bar progress-bar-success"></div>
                            </div>
                            <small>55% Complete </small>
                        </td>
                        <td>
                            <span class="label label-default">Inactive</span>
                        </td>
                        <td>
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> 查看 </a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 编辑 </a>
                            <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="p-name">
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})">New Dashboard BS3</a>
                            <br>
                            <small>Created 27.11.2014</small>
                        </td>
                        <td class="p-team">
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar2.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-1.png"></a>
                        </td>
                        <td class="p-progress">
                            <div class="progress progress-xs">
                                <div style="width: 87%;" class="progress-bar progress-bar-success"></div>
                            </div>
                            <small>87% Complete </small>
                        </td>
                        <td>
                            <span class="label label-primary">Active</span>
                        </td>
                        <td>
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> 查看 </a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 编辑 </a>
                            <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="p-name">
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})">Creative Portfolio</a>
                            <br>
                            <small>Created 21.10.2014</small>
                        </td>
                        <td class="p-team">
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar2.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-1.png"></a>
                        </td>
                        <td class="p-progress">
                            <div class="progress progress-xs">
                                <div style="width: 65%;" class="progress-bar progress-bar-success"></div>
                            </div>
                            <small>65% Complete </small>
                        </td>
                        <td>
                            <span class="label label-default">Inactive</span>
                        </td>
                        <td>
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> 查看 </a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 编辑 </a>
                            <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="p-name">
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})">Directory & listing</a>
                            <br>
                            <small>Created 2.09.2014</small>
                        </td>
                        <td class="p-team">
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar2.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-1.png"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-2.png"></a>
                        </td>
                        <td class="p-progress">
                            <div class="progress progress-xs">
                                <div style="width: 55%;" class="progress-bar progress-bar-success"></div>
                            </div>
                            <small>55% Complete </small>
                        </td>
                        <td>
                            <span class="label label-primary">Active</span>
                        </td>
                        <td>
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> 查看 </a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 编辑 </a>
                            <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="p-name">
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})">New Dashboard BS3</a>
                            <br>
                            <small>Created 27.11.2014</small>
                        </td>
                        <td class="p-team">
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar2.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-1.png"></a>
                        </td>
                        <td class="p-progress">
                            <div class="progress progress-xs">
                                <div style="width: 87%;" class="progress-bar progress-bar-success"></div>
                            </div>
                            <small>87% Complete </small>
                        </td>
                        <td>
                            <span class="label label-primary">Active</span>
                        </td>
                        <td>
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> 查看 </a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 编辑 </a>
                            <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="p-name">
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})">Creative Portfolio</a>
                            <br>
                            <small>Created 21.10.2014</small>
                        </td>
                        <td class="p-team">
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar2.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-1.png"></a>
                        </td>
                        <td class="p-progress">
                            <div class="progress progress-xs">
                                <div style="width: 65%;" class="progress-bar progress-bar-success"></div>
                            </div>
                            <small>65% Complete </small>
                        </td>
                        <td>
                            <span class="label label-primary">Active</span>
                        </td>
                        <td>
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> 查看 </a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 编辑 </a>
                            <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="p-name">
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})">Directory & listing</a>
                            <br>
                            <small>Created 2.09.2014</small>
                        </td>
                        <td class="p-team">
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/chat-avatar2.jpg"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-1.png"></a>
                            <a href="#"><img alt="image" class="" src="/Content/Flat/img/pro-ac-2.png"></a>
                        </td>
                        <td class="p-progress">
                            <div class="progress progress-xs">
                                <div style="width: 55%;" class="progress-bar progress-bar-success"></div>
                            </div>
                            <small>55% Complete </small>
                        </td>
                        <td>
                            <span class="label label-primary">Active</span>
                        </td>
                        <td>
                            <a href="@Url.Action("Flat","Themes",new { id = "project_details.html"})" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> 查看 </a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 编辑 </a>
                            <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> 删除 </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </section>
        <!-- page end-->
    </section>
</section>
<!--main content end-->